<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>

</head>
<body>

<!--1.行内写法: 写在对应的html元素上
    onlick="" 给元素绑定一个事件,点击元素时执行""里的代码
    console.log(666) 向浏览器控制台输出数字666
    alert(888) 弹窗,弹窗显示 888-->
    <button onclick="console.log(666)" >点击即玩1</button>
    <button onclick="alert('请先登录!!')">点击即玩2</button>
    <div id="d1"></div>

<!-- 2.内部样式,在body结束前加上Script标签,在标签里写JS代码-->
    <script>
        console.log('执行了吗?')
        console.log(d1)
    </script>

<!--   3.外部写法:script标签的src属性引入外部的JS文件
        若此标签用于引入外部JS文件,则标签中间的JS不执行-->
    <script src="01.js"></script>
</body>
</html>